<template>
  <div class="Recommendations2">
      <img src="img/paohui.PNG" alt="">
      <div v-for="(v,i) in arr" :key="i" class="Recommendationss">
          <shownavs :shownavname="arr[i].name" :shownavimgurl="arr[i].imgurl"/>
      </div>
  </div>
</template>

<script>
import shownavs from './shownavs.vue'
import {getdata} from "@/api/getapi.js"
export default {
    components:{
        shownavs,
    
    },
     data() {
        return {
            arr:[],
        }
    },
    
    mounted() {
         getdata("/data/list").then((ok)=>{
            console.log(ok);
                this.arr=ok.data.arr6
                console.log(ok.data.arr6);
        })
    },
}
</script>

<style scoped>
    .Recommendations2{
        width: 45%;
        text-align: center;
        margin-left: 20px;
    }
    img{
        width: 100%;
    }
    .Recommendationss{
        margin-top: 10px;
    }
</style>